
<script type="text/javascript" src="jsbestipcalc.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
    

    
	$(function(){
        $('#ipaddress,#subnetmask').change(function(){
            $('#network').val(getNetwork($('#ipaddress').val(),$('#subnetmask').val()));
            $('#broadcast').val(getBroadcast($('#network').val(),$('#subnetmask').val()));
        });
        $('#network').change(function(){
            $('#broadcast').val(getBroadcast($('#network').val(),$('#subnetmask').val()));
        });
	});

</script>
<form id="networkconfig" class="jqtransform" method='POST' style="width:407px;float:left;">
    
	<fieldset>
		<div class="rowElem">
			<dl>
				<dt><label for="ipaddress">IP Address:</label></dt>
					<dd><input class="validate[required]" id="ipaddress" name="ipaddress" value="127.0.0.1" type="text"></input></dd>
			</dl>
		</div>
		<div class="rowElem">
			<dl>
				<dt><label for="subnetmask">Subnet Mask:</label></dt>
					<dd><input id="subnetmask" class="validate[required,custom[ipaddress]]" name="subnetmask"  value="255.0.0.0" type="text"></input></dd>
			</dl>
		</div>

		<div class="rowElem">
			<dl>
				<dt><label for="network">Network:</label></dt>
					<dd><input id="network" class="validate[required,custom[ipaddress]]" name="network"  value="127.0.0.0" type="text"></input></dd>
			</dl>
		</div>
		<div class="rowElem">
			<dl>
				<dt><label for="broadcast">Broadcast:</label></dt>
					<dd><input id="broadcast" class="validate[required,custom[ipaddress]]" name="broadcast"  value="127.255.255.255" type="text"></input></dd>
			</dl>
		</div>		
	</fieldset>
</form>
